html, body {
    margin: 0;
    padding: 0;
    background: #2B332A url(../images/orlando_original.jpg) repeat-x 0 0;
    color: #eee;
    font-family: Georgia, "Lucida Grande", "Helvetica", Arial, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

#main {
    width: 974px;
    height: auto;
    margin: 1em auto 0 0.8em;
    text-align: left;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.3);
    float: left;
}

#header {
    width: 100%;
    height: 10%;
    background: rgb(207,205,180);
    background: rgba(207,205,180,0.5);
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

#header h1 {
    font-size: 275%;
    color: #1d221c;
    padding: 0 5px;
    margin: 0;
    float: left;
}

#header img { float: right; }

h2 {
    border-bottom: 2px solid #4c4453;
    width: 94%;
    margin: 0 auto 0 1%;
    padding: 1% 0 0 1%;
    text-align: left;
    background: #000;
    color: #fff;
}

h3, h4 {
    width: 90%;
    text-align: left;
    margin: 0 auto 0 4%;
    font-weight: 600;
    border-bottom: 5px solid #cfcdb4;
    color: #fff;
}

a { text-decoration: underline; color: #d1c911; }

a:hover { background: #555; color: #eee; }

a img { border: 0; }

#nav_container {
    float: left;
    clear: left;
    width: 20%;
    margin: 3% 0;
    height: auto;
    padding: 0;
}

#left_nav {
    float: left;
    clear: left;   
    width: 100%;
    padding: 0;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.8);
}


#left_nav ul { width: 90%; list-style: none; margin: 2% auto 0 auto; padding: 0; }

#left_nav ul li { list-style-type: none; margin-bottom: 0.5em; }

#left_nav li a {
    display: block;
    width: 97.5%;
    color: #fff;
    padding: 0 0 5px 5px;
    text-transform: lowercase;
    font-weight: 700;
    font-size: 115%;
    text-decoration: none;
    text-align: left;
    border-bottom: 1px solid silver;
}

#left_nav li a:visited { display: block; color: #787878; }

#left_nav li a:hover {
    display: block;
    background: #fff;
    color: #000;
    border-bottom: 1px dashed black;
}

#left_nav h4 { padding-left: 1%; }

#we_accept { margin: 20% auto 0 auto; }

#we_accept div { width: 160px; margin: 5% auto 5% auto; }

#we_accept img { width: 153px; height: 45px; }

#home_container, #fleet_container, #about_container, #rates_container, #contact_container, #reservations_container, #policies_container, #points_container {
    width: 79%;
    float: right;
    background: transparent;
    color: #fff;
    margin: 3% 0;
    padding: 0;
}

#contact_container, #reservations_container { margin: 2% 0; }

#home, #about, #rates, #fleet, #reservations, #contact, #policies, #points {
    float: right;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 1.5em;
    background: rgba(0,0,0,0.8);
}

#reservations, #contact { line-height: 125%; }

#about p, #home p, #contact p, #policies p, #points p {
    clear: left;
    font-size: 105%;
    padding: 0 1em;
    font-family: "Helvetica";
    font-weight: 600;
}

#contact p { background: #1d221c; color: #fff; border: 1px solid #333; }

p#home_bottom { margin-top: 0; padding-top: 1em; }

#about .grid { margin: 0 1em 0 0; }

#about h3, #contact h3 { width: 96%; padding-left: 0.2em; }

#about .grid p, #phone_numbers p {
    font-weight: 400;
    padding-right: 0;
    padding-left: 0.5em;
    margin-left: 0.8em;
    background: #1d221c;
    width: 95%;
    color: #fff;
}

#about .grid a { text-decoration: underline; }

#latest_models { margin-top: 12%; }

p#closing { margin: 0; padding: 0 1em 1em 1em; }

#details p { margin: 0; padding: 1em 1em 0.25em 1em; }

#home ul { width: 20%; padding: 0; margin: 0 0 0 2em; float: left; }

#home #list_continued { width: 45%; }

#home ul li {
    list-style-type: none;
    background: url(../images/bullet-2.jpg) no-repeat 0 50%;
    padding-left: 15px;
    font-family: "Helvetica";
    letter-spacing: 0.15em;
}

#home img { float: left; }

.tables {
    width: 90%;
    margin-left: 1%;
    padding: 1px;
    background: #fff;
    border: 1px solid #000;
    float: left;
    margin-bottom: 1%;
    color: #000;
}

#tabs {
   float:left;
   width:100%;
   font-size:100%;
   line-height:normal;
   margin-left: 0.5%;
   margin-bottom: 0%;
}

#tabs ul { margin:0 0 0 0.5%; padding:10px 10px 0 0; list-style:none; }

#tabs li { display:inline; margin:0; padding:0; }

#tabs a {
  float:left;
  color: #fff;
  background: #1d221c;
  margin:0 0.25%;
  padding: 0.25%;
  text-decoration:none;
  font-weight: bold;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
  border-left: 1px solid silver;
}

#tabs a:hover {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background: #fff;
    color: #1d221c;
}

.rate_table {
    background: #fff;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-collapse: collapse;
    font-size: medium;
    width: 98%;
    margin: 1% 0 1% 0.5%;
    color: #000;
}

.rate_table caption { font-family: "Helvetica", Arial, sans-serif; color: #993333; padding-bottom: 6px; }

.rate_table th {
    padding: 5px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    font-family: Verdana, sans-serif;
    font-size: 1.1em;
    font-weight: 900;
    background: #000;
    color: #aaa;
}

.rate_table td { padding: 3px; border-right: 1px solid #999; border-bottom: 1px solid #999; background: #ddd; }

.first_column { width: 400px; }

div.grid { float: left; width: 50%; padding-bottom: 1em; }

#about div.grid { width: 45%; }

div.grid div {
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    float: left;
    margin: 0 0 0 0.95em;
    width: 89.5%;
    background: rgb(33,33,31);
    background: rgba(33,33,31, 0.5);
}


div.grid p {
    padding-right: 0;
    padding-left: 0.5em;
    margin-left: 0.5em;
    font-family: "Helvetica", Arial, monospace, sans-serif;
    font-weight: 400;
    width: 85%;
}

h4#extra_charges, div.right div { margin-left: 1.5em; }

#price_change { padding-top:0; }

.fleet {
    width: 600px;
    float: left;
    margin: 0 2% 0 2%;
    padding-top: 2%;
    border-bottom: 2px solid #fefa1d;
}

div#fleet h2 { margin-bottom: 2%; }

.fleet img { float: left; margin: auto 5% 1% auto; }

.fleet h4 {
    margin: 0 0 2% 0;
    padding: 0;
    padding-left: .5em;
    text-align: left;
    float: left;
    width: 72%;
}

.fleet span { width: 280px; float: left; }

.fleet ul {
    float: left;
    font-size: 90%;
    font-weight: normal;
    padding: 0;
    margin: 0 0 2% 2%;
}

.fleet ul li { list-style-type: none; background: url(../images/bullet-2.jpg) no-repeat 0 50%; padding-left: 15px; }

ul.left_list { margin-right: 10%; }


#reserve_form fieldset, #feedback_form fieldset {
    border: 1px solid #333;
    background:#1d221c;
    margin: 2% 2% 0 2%;
    width:330px;
    float: left;
    padding: 0px 10px 10px 10px;
}

#feedback_form fieldset { margin: 0 2%; }
 
 #feedback_form fieldset p { border: none; }

#reserve_form .top_fieldsets, #feedback_form .top_fieldsets { width: 100%; float: left; margin-left: 1%; }

#reserve_form .bottom_fieldsets, #feedback_form .bottom_fieldsets { width: 95%; float: left; margin-left: 1%; }

#reserve_form .bottom_fieldsets input, #feedback_form .bottom_fieldsets input { margin-left: 2%; }

#reserve_form fieldset legend, #feedback_form fieldset legend {
    font-weight:bold;		
    background:#000;
    border-width:1px;
    border-style:solid;
    border-color:#333;
    padding:2px 5px;
    margin: 2px 0px 10px 0px;	
}

#reserve_form input[type='text'], #feedback_form input[type='text'] { font-size: 110%; width: 300px; }

#reserve_form input[name='commit'], #feedback_form input[name='commit'] {
    margin-top: 3%;
    width: 155px;
    font-size: 105%;
    text-align: center;
}

div#phone_numbers { float: left; width: 45%; }


#feedback_form #feedback_feedback, #reserve_form #reservation_special_requests { width: 100%; height: 150px; overflow: auto; }

div#form { float: right; width: 50%; }

#footer_container {
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
    color: #fff;
    margin: 0 auto 2% auto;
    background: rgb(207,205,180);
    background: rgba(207,205,180,0.7);
}

#footer { width: 100%; float: left; clear: left; padding: 1%; }

#home .sb-border, #left_nav .sb-border, #footer .sb-border, #about .sb-border, #fleet .sb-border, #rates .sb-border, #reservations .sb-border, #contact .sb-border {
    background: #000;
}

#footer ul {
    width: 12%;
    padding: 0;
    margin: 0;
    margin-left: 1%;
    font-size: 90%;
    float: left;
    
}
#footer ul li { list-style-type: none; }

#footer ul li a {
    display: block;
    width: 100%;
    background: transparent;
    color: #000;
    padding: 1%;
    text-align: left;
    text-decoration: underline;
}

#footer li a:visited { background: transparent; color: #555; }

#footer li a:hover { background: #555; color: #eee; }

#footer p a { color: #555; }

#footer p a:hover { color: #fff; background: #555; }

#footer p {
    color: #000;
    width: 50%;
    margin: 0 5%;
    padding: 0;
    float: left;
}

#footer small { font-size: 70%; float: left; }

.flash {
    width: 80%;	
    padding: 10px;
    border: 3px solid #98c278;
    background: #bfdba9;
    color: #777;
}
.errorExplanation {
  padding: 2px;
  float: left;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 95%;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin: 1% auto 20px 1%;
  background: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  width: 99.5%;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background: #c00;
  color: #fff;
}

#errorExplanation p { color: rgb(33,33,31); margin-bottom: 0; padding: 5px; }   

#errorExplanation ul li { font-size: 12px; list-style: square; color: rgb(33,33,31); }

/*** Experimental section ***/
span.phone_number { font-weight: 600; color: #d1c911; }

li.active { background: #d1c911; }

#left_nav li.active a { color:rgb(242,242,242);}

#points div.grid p {
    padding: 0.5em;
    margin: 0 0 0.5em 1em;
    background: rgb(33,33,31);
    font-family: "Helvetica", Arial, monospace, sans-serif;
    font-weight: 400;
    width: 88%;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

#points img { float: right; padding: 0.25em; }

#points h2 { border-bottom: 0px solid black; margin-bottom: 1em; }

#points h3 { background: #908300; border: none;  width: 93%; margin: 0 auto 0 4.5%;}

#points h3 a { color: #f2f2f2; padding: 0 0 0 0.25em; }

/*** End of experimental section ***/